<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/12/20 0020
  Time: 14:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>请求</title>
</head>
<body>
<form>
    用户名:<input name="name" id="name" type="text" onblur="CheckUser()"><span style="color: red"> *</span>
    <div style="display: inline" id="nameDiv"></div>
</form>
<script src="/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    function CheckUser(){
        var name=$("#name").val();
        if(name==null||name==""){
            $("#nameDiv").html("用户名不能为空！");
        }else{
        //     xmlHttpRequest = CreateXMLHttpRequest();
        //     xmlHttpRequest.onreadystatechange=function () {
        //         if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
        //             var data = xmlHttpRequest.responseText;
        //             if (data == "true") {
        //                 $("#nameDiv").html("用户名已被使用！");
        //             } else {
        //                 $("#nameDiv").html("用户名可以使用！");
        //             }
        //         }
        //     };
        //     var url="/HTTPServlet?name="+name;
        //     xmlHttpRequest.open("get",url,true);
        //     xmlHttpRequest.send(null);
        // }

            $.ajax({
                url:"../Servlet",
                dataType:'text',
                type:"get",
                data:"name="+name,
                success:callBack,
                error:function (){
                    alert("验证时，发生错误！");
                }
            })
        }

    }

    function callBack(data){
        if (data == "true") {
            $("#nameDiv").html("用户名已被使用！");
        } else {
            $("#nameDiv").html("用户名可以使用！");
        }
    }

    // function callBack(){
    //     if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
    //         var data = xmlHttpRequest.responseText;
    //         if (data == "true") {
    //             $("#nameDiv").html("用户名可以使用！");
    //         } else {
    //             $("#nameDiv").html("用户名已被使用！");
    //         }
    //     }
    // }
    //
    // function CreateXMLHttpRequest(){
    //     if(window.XMLHttpRequest){
    //         return new XMLHttpRequest();
    //     }
    // }
</script>
</body>
</html>
